93:I[903690,["/chat-static/_next/static/chunks/3i9cwkv75ap-1.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/38howswsjvgon.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3pk_lm2pt6hw5.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0rlr0pmurbmcq.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3m-9x6dx7uc6f.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/12-yz7s7-3a2k.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3bwbyqhkd4k3h.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2lw8fcfgn79qw.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0n0whhikch_zg.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2tyik2qtaqk4r.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3g027s5_x-i2c.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h"],"ExplicitChatIdProvider"] 94:I[838238,["/chat-static/_next/static/chunks/3i9cwkv75ap-1.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/38howswsjvgon.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3pk_lm2pt6hw5.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0rlr0pmurbmcq.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3m-9x6dx7uc6f.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/12-yz7s7-3a2k.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3bwbyqhkd4k3h.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2lw8fcfgn79qw.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0n0whhikch_zg.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2tyik2qtaqk4r.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3g027s5_x-i2c.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h"],"SWRDataProvider"] 97:I[589831,["/chat-static/_next/static/chunks/3i9cwkv75ap-1.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/38howswsjvgon.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3pk_lm2pt6hw5.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0rlr0pmurbmcq.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3m-9x6dx7uc6f.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/12-yz7s7-3a2k.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3bwbyqhkd4k3h.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2lw8fcfgn79qw.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0n0whhikch_zg.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2tyik2qtaqk4r.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3g027s5_x-i2c.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h"],"TemplateImage"] 98:I[507037,["/chat-static/_next/static/chunks/3i9cwkv75ap-1.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3x2qrc8_ae_y8.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0u7q9wyops2xg.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/38howswsjvgon.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0pmkowhwh3_ey.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3pk_lm2pt6hw5.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2htqlxu9398j9.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2yoqavhumda_r.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/09bjmvlsdgntt.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3i-97b1o6hit-.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0rlr0pmurbmcq.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3axpbmdw7c30d.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3m-9x6dx7uc6f.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/12-yz7s7-3a2k.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3bwbyqhkd4k3h.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2lw8fcfgn79qw.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/0n0whhikch_zg.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/2tyik2qtaqk4r.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h","/chat-static/_next/static/chunks/3g027s5_x-i2c.js?dpl=dpl_F53FzWgV5BX9co895ha5VmC2qt9h"],"PrefetchLinkAndRefreshOnHover"] 95:T1643,[V0_FILE]typescriptreact:file="components/kokonutui/background-circles.tsx" "use client" import { motion } from "framer-motion" import clsx from "clsx" import { useState } from "react" interface BackgroundCirclesProps { title?: string description?: string className?: string variant?: keyof typeof COLOR_VARIANTS } const COLOR_VARIANTS = { primary: { border: ["border-emerald-500/60", "border-cyan-400/50", "border-slate-600/30"], gradient: "from-emerald-500/30", }, secondary: { border: ["border-violet-500/60", "border-fuchsia-400/50", "border-slate-600/30"], gradient: "from-violet-500/30", }, tertiary: { border: ["border-orange-500/60", "border-yellow-400/50", "border-slate-600/30"], gradient: "from-orange-500/30", }, quaternary: { border: ["border-purple-500/60", "border-pink-400/50", "border-slate-600/30"], gradient: "from-purple-500/30", }, quinary: { border: ["border-red-500/60", "border-rose-400/50", "border-slate-600/30"], gradient: "from-red-500/30", }, // red senary: { border: ["border-blue-500/60", "border-sky-400/50", "border-slate-600/30"], gradient: "from-blue-500/30", }, // blue septenary: { border: ["border-gray-500/60", "border-gray-400/50", "border-slate-600/30"], gradient: "from-gray-500/30", }, octonary: { border: ["border-red-500/60", "border-rose-400/50", "border-slate-600/30"], gradient: "from-red-500/30", }, } as const const AnimatedGrid = () => (

) export function BackgroundCircles({ title = "Background Circles", description = "Optional Description", className, variant = "octonary", }: BackgroundCirclesProps) { const variantStyles = COLOR_VARIANTS[variant] const variants = Object.keys(COLOR_VARIANTS) as (keyof typeof COLOR_VARIANTS)[] return (

{[0, 1, 2].map((i) => (

))}

{title}

{description} · Kokonut UI

) } export function DemoCircles() { const [currentVariant, setCurrentVariant] = useState("octonary") const variants = Object.keys(COLOR_VARIANTS) as (keyof typeof COLOR_VARIANTS)[] function getNextVariant() { const currentIndex = variants.indexOf(currentVariant) const nextVariant = variants[(currentIndex + 1) % variants.length] return nextVariant } return ( <>

) } 89:["$","$L93",null,{"chatId":"3Jcx4oeXvcv","children":["$","$L94",null,{"data":{"@\"active-block\",\"3Jcx4oeXvcv\",":{"id":"b_vd8NJCTStOI","messageId":"iFHdiAgv9dHshANU491jKlTJHls6ofbC","source":"$95","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"background-circles","type":"code-project","project":"background-circles"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"3Jcx4oeXvcv\",":false,"":null},"children":"$L96"}]}] 8d:["$","$L7a","DuidKNEmCKf",{"value":{"fallback":{"template:DuidKNEmCKf:likes":{"likeCount":654,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L97",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202025-02-02%20at%2011.59.47%E2%80%AFAM-JeiQvFDVyzDHJ25ofDg2yidnXYcur9.png","alt":"","templateCanonId":"DuidKNEmCKf","blockId":"b_pSgXIYMV4aS"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L98",null,{"href":"/templates/DuidKNEmCKf","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L98",null,{"href":"/templates/DuidKNEmCKf","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L98",null,{"href":"/templates/DuidKNEmCKf","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L7f",null,{"teamId":"$undefined","authorId":"EHNrlbkVZKuP8TxtAXO26Vkf"}],["$","$L98",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/DuidKNEmCKf","tabIndex":-1,"prefetch":false,"data-testid":"template-card-link","children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Financial Dashboard"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L99"]}],"$L9a","$L9b"]}]]}]}]]}]]}]}]

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This